<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>Menu Test</title>
	<style type="text/css">		
		@import "../../../dojo/dojo/resources/dojo.css";
        @import "../resources/menuItem.css";
        @import "../../../dojo/dijit/themes/nihilo/nihilo.css";		
	</style>
	
	<script type="text/javascript" src="../../../dojo/dojo/dojo.js" djConfig="isDebug: false, parseOnLoad: true"></script>
	<script type="text/javascript">
		dojo.require("dojo.parser");
		dojo.registerModulePath("qDojo", "../../qDojo");
		
		dojo.require("qDojo.dijix.Menu");
		dojo.require("qDojo.dijix.MenuItem");
		dojo.require("dijit.form.Button"); 
		dojo.require("dijit.layout.BorderContainer"); 
		dojo.require("dijit.layout.ContentPane"); 
		dojo.require("dojox.layout.ContentPane"); 
		dojo.require("dojox.layout.ExpandoPane"); 
		

	</script>
</head>
<body class="nihilo">

<div id="main" dojoType="dijit.layout.BorderContainer" style="width:100%;height:100%">
	<div id="left" dojoType="dojox.layout.ExpandoPane" region="left" style="width:200px;height:100%">
		<div id = 'mm' dojoType="qDojo.dijix.Menu" viewCanvas="cen"> 
			<div id = 'btt1' dojoType="qDojo.dijix.MenuItem" label="Show LoadingDlg" iconImage="images/1.png" action="page1"></div>
			<div id = 'btt2' dojoType="qDojo.dijix.MenuItem" onClick="console.log('Second btt clicked')" label="Show" iconImage="images/2.png" action="page2"></div>
			<div id = 'btt3' dojoType="qDojo.dijix.MenuItem" label="Show dijit.Dialog" iconImage="images/3.png" action="page2"></div>
		</div>	
	</div>	
	<div id="cen" dojoType="dojox.layout.ContentPane" region="center" style="height:100%;background:#FCFCFC">

	</div>

</body>
</html>